<template>
  <div style="display: flex">
    <Icon
      :type="type"
      :style="styleSheet"
      size="xxs"
    />
    <div class="item_title">
      {{ text }}<span
        v-if="star === 'true'"
        class="star"
      >*</span>
    </div>
  </div>
</template>

<script>
import Icon from '@/components/icon';

export default {
  components: { Icon },
  props: {
    // 图标
    type: {
      type: String,
      default: () => '',
    },
    // css样式
    styleSheet: {
      type: String,
      default: () => '',
    },
    // 标题文本
    text: {
      type: String,
      default: () => '',
    },
    // 是否加星
    star: {
      type: String,
      default: () => 'false',
    },
  },
};
</script>

<style lang="less" scoped>
  @import "~@/theme/index.less";
  .item_title {
    color: #A9ABA9;
    width: 70 * @hd;
    font-size: 15 * @hd;
    text-align: left;
    margin-left: 5px;
    .star {
      color: #FF8E73;
    }
  }
</style>
